@layout("/common/_container.html"){
<style>
    .ui-state-default {
        height: 40px;
        background: #fff;
        border: 1px solid aliceblue;
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 2px;
        width: 50%;
    }

    .ui-state-default:hover {
        cursor: pointer;
    }

    .title {
        background: #000;
        color: #fff;
    }

    .sortLeft {
        padding-right: 20px;
    }

    .sortRight {
        padding-right: 20px;
    }

    .ui-sortable {
        /*float: right;*/
    }

    .right_box {
        width: 330px;
        height: 400px;
        position: absolute;
        top: 57px;
        left: 590px;
        border: 1px solid #1E84C6;
    }
</style>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="addForm">
            <input type="hidden" id="sortMap" value="">
            <input type="hidden" id="customerPhone" value="${customerPhone}">
            <div class="row">
                <div class="col-sm-6 proSort">
                    <div class="panel-body">
                        <h2>匹配预约结果</h2>
                    </div>
                    <div style="width:640px;height:530px;overflow:auto;" class="panel panel-success sortRight">
                        <#sortReservationMatching  id="sortReservationMatching" list="${reservationsInfoList}"/>
                    </div>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="parent.layer.close(parent.layer.getFrameIndex(window.name))"/>
                </div>
                <div class="col-sm-6">
                    <div class="row">
                        <div class="panel-body">
                            <h2>匹配到店结果</h2>
                        </div>
                        <div style="width:690px;height:530px;overflow:auto;" class="panel panel-success sortRight">
                            <#sortArriveMatching  id="sortArriveMatching" list="${customerInfoList}"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    #ar{
        display: inline-block;
        position: absolute;
        right: 10px;
    }
    .arTwo_bt{
        outline: none;
        border: none;
        padding: 0 ;
        display: inline-block;
        width: 60px;
        height: 25px;
        line-height: 25px;
        border-radius: 20px;
        background: url("${ctxPath}/static/img/y102.png");
        background-size: cover;
        text-align: center;
        color: white;
    }
    .sort_li{
        display: inline-block;
    }
</style>
<link rel="stylesheet" href="${ctxPath}/static/css/jqui/jquery-ui.min.css">
<script src="${ctxPath}/static/js/jquery-ui.min.js"></script>
@}
